<script setup lang="ts">
//基础组件 - 按钮 - 现在购买
//https://www.smartisan.com/service/#/insurance/info/broken
</script>
<template>
  <div class="btn-wrapper">
    <div class="jianguo-blue-main-btn big-main-btn">
      <a>现在购买</a>
    </div>
  </div>

</template>
<style scoped lang="less">
.jianguo-blue-main-btn {
  display: block;
  padding: 1px;
  margin: 0 auto;
  border-radius: 6px;
  background: #015e94;
  background: linear-gradient(#5598c9, #2a6da2);
  text-align: center;
  text-shadow: hsla(0, 0%, 100%, 0.496094) 0 1px 0;
  font-family: Microsoft Yahei, \\5FAE\8F6F\96C5\9ED1, PingFang SC, sans-serif;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  user-select: none;
  a {
    display: block;
    padding: 2px 0;
    border-radius: 6px;
    background: #5f7ed7;
    background: linear-gradient(#739fe1, #5f7ed7);
    box-shadow: inset 0 1px 3px #92b6ec, inset 0 0 2px #627dca,
      inset 0 -2px 3px #4c69b8;
    text-shadow: #4f70b3 0 -1px 0;
    cursor: pointer;
    color: #fff;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
  }
}
.btn-wrapper {
  padding: 58px 0 0;
}
.big-main-btn {
  display: block;
  margin: 0 auto;
  a {
    height: 42px;
    line-height: 42px;
    font-size: 18px;
  }
}
.big-main-btn,
.big-main-btn a {
  width: 152px;
}
</style>
